﻿<!doctype html>
<html class="no-js" lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>主页</title>
    <meta name="robots" content="noindex, follow" />
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!-- Favicon -->
    <link rel="shortcut icon" type="image/x-icon" href="../assets/img/favicon.ico">

    <!-- CSS
	============================================ -->
    <!-- google fonts -->
    <link href="https://fonts.googleapis.com/css?family=Nunito+Sans:300,300i,400,400i,600,700,800,900%7CPoppins:300,400,500,600,700,800,900" rel="stylesheet">
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="../assets/css/vendor/bootstrap.min.css">
    <!-- Font-awesome CSS -->
    <link rel="stylesheet" href="../assets/css/vendor/font-awesome.min.css">
    <!-- Slick slider css -->
    <link rel="stylesheet" href="../assets/css/plugins/slick.min.css">
    <!-- animate css -->
    <link rel="stylesheet" href="../assets/css/plugins/animate.css">
    <!-- Nice Select css -->
    <link rel="stylesheet" href="../assets/css/plugins/nice-select.css">
    <!-- jquery UI css -->
    <link rel="stylesheet" href="../assets/css/plugins/jqueryui.min.css">
    <!-- main style css -->
    <link rel="stylesheet" href="../assets/css/style.css">

    <script src="../../assets/js/plugins/utils.js"></script>

    <script src="../../assets/js/vendor/axios.min.js"></script>

    <script src="../../assets/js/vendor/vue.min.js"></script>
</head>

<body>
    <!-- Start Header Area -->
    <header class="header-area" id="header">
    </header>
    <!-- end Header Area -->




    <!-- offcanvas search form end -->

    <main>
        <!-- slider area start -->
        <section class="hero-slider">
            <div class="hero-slider-active slick-arrow-style slick-arrow-style_hero slick-dot-style">
                <!-- single slider item start -->
                <div class="hero-single-slide hero-overlay">
                    <div class="hero-slider-item hero-1 bg-img" data-bg="../assets/img/slider/home1-slide2.jpg">
                        <div class="container">
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="hero-slider-content slide-1">
                                        <h1 class="slide-title">New</h1>
                                        <h2 class="slide-subtitle">Running Sneakers <span>Men's like plex</span></h2>
                                        <a href="/view/product/shop.html" class="btn btn-large btn-bg">立即购买</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- single slider item start -->

                <!-- single slider item start -->
                <div class="hero-single-slide hero-overlay">
                    <div class="hero-slider-item hero-1 bg-img" data-bg="../assets/img/slider/home2-slide1.jpg">
                        <div class="container">
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="hero-slider-content slide-2">
                                        <h1 class="slide-title">Sale</h1>
                                        <h2 class="slide-subtitle">Running Sneakers <span>Men's like plex</span></h2>
                                        <a href="/view/product/shop.html" class="btn btn-large btn-bg">立即购买</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- single slider item start -->
            </div>
        </section>
        <!-- slider area end -->

        <!-- service policy start -->
        <section class="service-policy bg-gray mtn-100">
            <div class="container">
                <div class="row row-10">
                    <div class="col-lg-3 col-sm-6">
                        <div class="policy-block text-center">
                            <div class="policy-icon">
                                <i class="fa fa-heart-o"></i>
                            </div>
                            <div class="policy-text">
                                <h4 class="policy-title">巨大的价值</h4>
                                <p class="policy-desc">最好的质量，世界顶尖。</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-sm-6">
                        <div class="policy-block text-center">
                            <div class="policy-icon">
                                <i class="fa fa-truck"></i>
                            </div>
                            <div class="policy-text">
                                <h4 class="policy-title">全球运送</h4>
                                <p class="policy-desc">两天内到达世界任何角落。</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-sm-6">
                        <div class="policy-block text-center">
                            <div class="policy-icon">
                                <i class="fa fa-credit-card"></i>
                            </div>
                            <div class="policy-text">
                                <h4 class="policy-title">安全支付</h4>
                                <p class="policy-desc">安心付，放心付，最专业的平台。</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-sm-6">
                        <div class="policy-block text-center">
                            <div class="policy-icon">
                                <i class="fa fa-headphones"></i>
                            </div>
                            <div class="policy-text">
                                <h4 class="policy-title">24/7 帮助中心</h4>
                                <p class="policy-desc">可爱美丽的客服小妹为您服务。</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- service policy end -->

        <!-- about us area start -->
        <section class="about-us bg-gray section-padding">
            <div class="container">
                <div class="row">
                    <div class="col-lg-6">
                        <div class="about-thumb js-tilt" data-tilt-perspective="1000" data-tilt-scale="1" data-tilt-speed="500" data-tilt-max="15">
                            <img class="w-100" src="../assets/img/about/about.jpg" alt="about thumb">
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="about-content">
                            <h2 class="about-title">关于我们</h2>
                            <h3 class="about-subtitle">永远相信，美好的事情即将发生！</h3>
                            <p>Niko鞋业，专注生产全球顶尖的鞋,用心做到最好！</p>
                            <ul class="about-info">
                                <li class="add"><i class="fa fa-home"></i> 地址: 四川省成都市都江堰市青城山镇东软大道1号（成都东软学院）</li>
                                <li class="phone"><i class="fa fa-phone"></i>电话: +86 177 8061 7804</li>
                                <li class="mail"><i class="fa fa-envelope"></i>邮箱: admin@lglin.com</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- about us area end -->




    </main>

    <!-- Scroll to top start -->
    <div class="scroll-top not-visible">
        <i class="fa fa-angle-up"></i>
    </div>
    <!-- Scroll to Top End -->


    <!-- footer area start -->
    <footer class="black-bg" id="footer"></footer>
    <!-- footer area end -->



    <!-- Quick view modal start -->
    <div class="modal" id="quick_view">
        <div class="modal-dialog modal-lg modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                </div>
                <div class="modal-body">
                    <!-- product details inner end -->
                    <div class="product-details-inner">
                        <div class="row">
                            <div class="col-lg-5">
                                <div class="product-large-slider">
                                    <div class="pro-large-img">
                                        <img src="../assets/img/product/product-details-img1.jpg" alt="product-details" />
                                    </div>
                                    <div class="pro-large-img">
                                        <img src="../assets/img/product/product-details-img2.jpg" alt="product-details" />
                                    </div>
                                    <div class="pro-large-img">
                                        <img src="../assets/img/product/product-details-img3.jpg" alt="product-details" />
                                    </div>
                                    <div class="pro-large-img">
                                        <img src="../assets/img/product/product-details-img4.jpg" alt="product-details" />
                                    </div>
                                </div>
                                <div class="pro-nav slick-row-10 slick-arrow-style">
                                    <div class="pro-nav-thumb">
                                        <img src="../assets/img/product/product-details-img1.jpg" alt="product-details" />
                                    </div>
                                    <div class="pro-nav-thumb">
                                        <img src="../assets/img/product/product-details-img2.jpg" alt="product-details" />
                                    </div>
                                    <div class="pro-nav-thumb">
                                        <img src="../assets/img/product/product-details-img3.jpg" alt="product-details" />
                                    </div>
                                    <div class="pro-nav-thumb">
                                        <img src="../assets/img/product/product-details-img4.jpg" alt="product-details" />
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-7">
                                <div class="product-details-des">
                                    <h3 class="product-name">Premium Mens Sports Lather Keds</h3>
                                    <div class="ratings d-flex">
                                        <span><i class="fa fa-star"></i></span>
                                        <span><i class="fa fa-star"></i></span>
                                        <span><i class="fa fa-star"></i></span>
                                        <span><i class="fa fa-star"></i></span>
                                        <span><i class="fa fa-star"></i></span>
                                        <div class="pro-review">
                                            <span>1 Reviews</span>
                                        </div>
                                    </div>
                                    <div class="price-box">
                                        <span class="price-old"><del>$90.00</del></span>
                                        <span class="price-regular">$70.00</span>
                                    </div>
                                    <h5 class="offer-text"><strong>Hurry up</strong>! offer ends in:</h5>
                                    <div class="product-countdown" data-countdown="2019/09/20"></div>
                                    <p class="pro-desc">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy
                                        eirmod tempor invidunt ut labore et dolore magna aliquyam erat.</p>
                                    <div class="quantity-cart-box d-flex align-items-center">
                                        <h6 class="option-title">qty:</h6>
                                        <div class="quantity">
                                            <div class="pro-qty"><input type="text" value="1"></div>
                                        </div>
                                        <div class="action_link">
                                            <a class="btn btn-cart2" href="#">Add To Cart</a>
                                        </div>
                                    </div>
                                    <div class="useful-links">
                                        <a href="#" data-toggle="tooltip" title="Compare"><i
                                        class="fa fa-refresh"></i>compare</a>
                                        <a href="#" data-toggle="tooltip" title="Wishlist"><i
                                        class="fa fa-heart-o"></i>wishlist</a>
                                    </div>
                                    <div class="like-icon">
                                        <a class="facebook" href="#"><i class="fa fa-facebook"></i>like</a>
                                        <a class="twitter" href="#"><i class="fa fa-twitter"></i>tweet</a>
                                        <a class="pinterest" href="#"><i class="fa fa-pinterest"></i>save</a>
                                        <a class="google" href="#"><i class="fa fa-google-plus"></i>share</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div> <!-- product details inner end -->
                </div>
            </div>
        </div>
    </div>
    <!-- Quick view modal end -->

    <!-- JS
============================================ -->

    <!-- Modernizer JS -->
    <script src="../assets/js/vendor/modernizr-3.6.0.min.js"></script>
    <!-- jQuery JS -->
    <script src="../assets/js/vendor/jquery-3.3.1.min.js"></script>
    <!-- Popper JS -->
    <script src="../assets/js/vendor/popper.min.js"></script>
    <!-- Bootstrap JS -->
    <script src="../assets/js/vendor/bootstrap.min.js"></script>
    <!-- slick Slider JS -->
    <script src="../assets/js/plugins/slick.min.js"></script>
    <!-- Countdown JS -->
    <script src="../assets/js/plugins/countdown.min.js"></script>
    <!-- Nice Select JS -->
    <script src="../assets/js/plugins/nice-select.min.js"></script>
    <!-- jquery UI JS -->
    <script src="../assets/js/plugins/jqueryui.min.js"></script>
    <!-- Image zoom JS -->
    <script src="../assets/js/plugins/image-zoom.min.js"></script>
    <!-- image loaded js -->
    <script src="../assets/js/plugins/imagesloaded.pkgd.min.js"></script>
    <!-- masonry  -->
    <script src="../assets/js/plugins/masonry.pkgd.min.js"></script>
    <!-- mailchimp active js -->
    <script src="../assets/js/plugins/ajaxchimp.js"></script>
    <!-- contact form dynamic js -->
    <script src="../assets/js/plugins/ajax-mail.js"></script>
    <!-- Main JS -->
    <script src="../assets/js/main.js"></script>
    <script>
        $("#header").load("/view/common/header.html");
        $("#footer").load("/view/common/footer.html");
    </script>

<script type="text/javascript">
    // var n_product = new Vue({
    //     el: "#new_product",
    //     data: {
    //         new_product: [],
    //     },
    //     mounted: function () {
    //         this.getNewProduct();
    //     },
    //     methods: {
    //         getNewProduct() {
    //             $.ajax({
    //                 url: "/product/recom/4",
    //                 type: "get",
    //                 success: function (response) {
    //                     if (response.code == 200) {
    //                         n_product.new_product = response.data;
    //                     }
    //                 },
    //                 error: function (error) {
    //                     alert("服务器错误");
    //                 }
    //             })
    //         },
    //         addCart(id, num) {
    //             var cart = handleLocalStorage("get", "cart");
    //             var flag = false;
    //             if (!cart) {
    //                 var item = id + "-" + num + ",";
    //                 handleLocalStorage("set", "cart", item);
    //             } else {
    //                 //cart=cart.substring(0,cart.length-1);
    //                 var arr = cart.split(',');
    //                 var arrItem;
    //                 for (var i = 0; i < arr.length - 1; i++) {
    //                     arrItem = arr[i].split("-");
    //                     if (arrItem[0] == id) {
    //                         arrItem[1] = parseInt(arrItem[1]) + num;
    //                         arr[i] = arrItem[0] + "-" + arrItem[1];
    //                         handleLocalStorage("set", "cart", arr);
    //                         flag = true;
    //                     }
    //                 }
    //                 if (!flag) {
    //                     cart = cart + id + "-" + num + ",";
    //                     handleLocalStorage("set", "cart", cart);
    //                 }
    //             }
    //         }
    //     }
    // })
</script>
</body>

</html>